<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>History</title>
	<meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<link rel="stylesheet" type="text/css" href="semantic/css/semantic.min.css">
	<link rel="stylesheet" type="text/css" href="semantic/css/history.css">
	<style type="text/css">
	@media(max-width: 750px){
		.line-wrap,.start-content,.end-content{
			display: none;
		}
	}
	</style>
	
</head>
<body>
<div class="pusher-wrap">
<!-- 	<div class="ui vertical  sidebar menu left">
		<a class="active item">welcome</a>
		<a class="item"><span>0</span>&nbsp;discussions</a>
		<a class="item"><span>0</span>&nbsp;updates</a>
		<a class="item">traffic</a>
		<a class="item">settings</a>
	</div> -->
	<div class="pusher">
		<div id="header">
		    <div class="ui container">
		        <div class="left">
		            <img src="../Common/logo.jpg" />
		        </div>
		        <div id="menu" class="right">
		            <div class="menu item">文档</div>
		            <div class="menu item">收藏</div>
		            <div class="menu item">广场</div>
		            <div class="menu item">
		                <i class="icon alarm"></i>
		                <span class="unread"></span>
		            </div>
		            <div class="menu item">
		                <div class="ui pointing dropdown link item">
		                    <span class="text"><img id="head" src="../Common/head.jpg" /></span>
		                    <i class="dropdown icon"></i>
		                    <div class="menu">
		                        <div class="item">我的文档</div>
		                        <div class="item">我的收藏</div>
		                        <div class="item">个人设置</div>
		                        <div class="divider"></div>
		                        <div class="item">退出</div>
		                    </div>
		                </div>
		            </div>
		        </div>
		    </div>
	    </div>
	    <div class="ui container">
	        <div class="row">
	            <p class="book title">KKBOX iOS/Mac OS X 基本開發教材</p>
	            <p class="book description">一份讓新成員可以進入 KKBOX 開發維護工作的學習指南<span> — 作者名</span></p>
	        </div>
	        <div class="ui secondary pointing menu">
	            <a class="item" href="../Detail/index.html">前言</a>
	            <a href="../Catalog/index.html" class="item">目录</a>
	            <a href="../Comment/index.html" class="item"><span>0</span>评论</a>
	            <a href="../History/index.html" class="item active"><span>0</span>历史</a>
	            <a class="item">设置</a>
	        </div>
        </div>
<!-- 	    <div class="ui segment book">
		    <div class="ui container">
		      	<div class="book-name"><h1>BookName</h1></div>
		      	<div class="book-description"><h3>hang yong hao is a SB — <a href="#">HSB</a></h3>
		      	</div>
		      	 <div class="ui large secondary  pointing menu">
		      	 	<a class="toc item"><i class="sidebar icon"></i></a>
			        <a class="item">首页</a>
			        <a href="comment.html" class="item"><span>0</span>&nbsp;评论</a>
			        <a href="history.html" class="active item"><span>0</span>&nbsp;历史记录</a>
			        <a class="item">收藏记录</a>
			        <a class="item">设置</a>
		        </div>
		    </div>
	    </div> -->
	    <div class="history-wrap">
	    	<div class="ui container">
	    		<div class="ui relaxed divided items">
				    <div class="item">
				      	<div class="ui small image">
					      	<div class="renew-date"> <i class="calendar outline icon"></i>2016年08月03日</div>
					      	<div class="renew-count">2次更新</div>
					      	<div class="start-content">Start</div>
					      	<div class="line-wrap">
						      	<div class="start-line"></div>
					      		<div class="end-line"></div>
				      		</div>
				      		<div class="end-content">End</div>
				      	</div>
				        <div class="content">
				            <div class="history-info-wrap">
						        <a class="header">添加默认章节</a>
						        <div class="meta">
						          	<a class="author">
						          		<img  class="ui avatar image" src="http://www.kancloud.cn/Uploads/avatar/000/019/97/03/middle.gif"/><span class="author-name">大傻逼</span>
						          	</a>
						          	<a>更新于</a>	
						            <a>二十二年前</a>				        
						        	<div  class="mini ui right floated read button">浏览文档<i class="right chevron icon"></i> </div>
						        </div>
				            </div>
				            <div class="history-info-wrap">
						        <a class="header">添加默认章节</a>
						        <div class="meta">
						          	<a class="author">
						          		<img  class="ui avatar image" src="http://www.kancloud.cn/Uploads/avatar/000/019/97/03/middle.gif"/><span class="author-name">大傻逼</span>
						          	</a>
						          	<a>更新于</a>	
						            <a>二十二年前</a>				        
						        	<div  class="mini ui right floated read button">浏览文档<i class="right chevron icon"></i> </div>
						        </div>
				            </div>
				            <div class="history-info-wrap">
						        <a class="header">初始化</a>
						        <div class="meta">
						          	<a class="author">
						          		<img  class="ui avatar image" src="http://www.kancloud.cn/Uploads/avatar/000/019/97/03/middle.gif"/><span class="author-name">大傻逼</span>
						          	</a>
						          	<a>更新于</a>	
						            <a>二十二年前</a>	
						        	<div  class="mini ui right floated read button">浏览文档<i class="right chevron icon"></i> </div>
						        </div>
				            </div>
				      	</div>
				    </div>
				    <div class="item">
				      	<div class="ui small image">
					      	<div class="renew-date"> <i class="calendar outline icon"></i>2016年08月04日</div>
					      	<div class="renew-count">2次更新</div>
					      	<div class="start-content">Start</div>
					      	<div class="line-wrap">
						      	<div class="start-line"></div>
					      		<div class="end-line"></div>
				      		</div>
				      		<div class="end-content">End</div>
				      	</div>
				        <div class="content">
				            <div class="history-info-wrap">
						        <a class="header">添加默认章节</a>
						        <div class="meta">
						          	<a class="author">
						          		<img  class="ui avatar image" src="http://www.kancloud.cn/Uploads/avatar/000/019/97/03/middle.gif"/><span class="author-name">大傻逼</span>
						          	</a>
						          	<a>更新于</a>	
						            <a>二十二年前</a>				        
						        	<div  class="mini ui right floated read button">浏览文档<i class="right chevron icon"></i> </div>
						        </div>
				            </div>
				            <div class="history-info-wrap">
						        <a class="header">添加默认章节</a>
						        <div class="meta">
						          	<a class="author">
						          		<img  class="ui avatar image" src="http://www.kancloud.cn/Uploads/avatar/000/019/97/03/middle.gif"/><span class="author-name">大傻逼</span>
						          	</a>
						          	<a>更新于</a>	
						            <a>二十二年前</a>				        
						        	<div  class="mini ui right floated read button">浏览文档<i class="right chevron icon"></i> </div>
						        </div>
				            </div>
				            <div class="history-info-wrap">
						        <a class="header">初始化</a>
						        <div class="meta">
						          	<a class="author">
						          		<img  class="ui avatar image" src="http://www.kancloud.cn/Uploads/avatar/000/019/97/03/middle.gif"/><span class="author-name">大傻逼</span>
						          	</a>
						          	<a>更新于</a>	
						            <a>二十二年前</a>	
						        	<div  class="mini ui right floated read button">浏览文档<i class="right chevron icon"></i> </div>
						        </div>
				            </div>
				      	</div>
				    </div>
				    <div class="item">
				      	<div class="ui small image">
					      	<div class="renew-date"> <i class="calendar outline icon"></i>2016年08月04日</div>
					      	<div class="renew-count">2次更新</div>
					      	<div class="start-content">Start</div>
					      	<div class="line-wrap">
						      	<div class="start-line"></div>
					      		<div class="end-line"></div>
				      		</div>
				      		<div class="end-content">End</div>
				      	</div>
				        <div class="content">
				            <div class="history-info-wrap">
						        <a class="header">添加默认章节</a>
						        <div class="meta">
						          	<a class="author">
						          		<img  class="ui avatar image" src="http://www.kancloud.cn/Uploads/avatar/000/019/97/03/middle.gif"/><span class="author-name">大傻逼</span>
						          	</a>
						          	<a>更新于</a>	
						            <a>二十二年前</a>				        
						        	<div  class="mini ui right floated read button">浏览文档<i class="right chevron icon"></i> </div>
						        </div>
				            </div>
				            <div class="history-info-wrap">
						        <a class="header">添加默认章节</a>
						        <div class="meta">
						          	<a class="author">
						          		<img  class="ui avatar image" src="http://www.kancloud.cn/Uploads/avatar/000/019/97/03/middle.gif"/><span class="author-name">大傻逼</span>
						          	</a>
						          	<a>更新于</a>	
						            <a>二十二年前</a>				        
						        	<div  class="mini ui right floated read button">浏览文档<i class="right chevron icon"></i> </div>
						        </div>
				            </div>
				            <div class="history-info-wrap">
						        <a class="header">初始化</a>
						        <div class="meta">
						          	<a class="author">
						          		<img  class="ui avatar image" src="http://www.kancloud.cn/Uploads/avatar/000/019/97/03/middle.gif"/><span class="author-name">大傻逼</span>
						          	</a>
						          	<a>更新于</a>	
						            <a>二十二年前</a>	
						        	<div  class="mini ui right floated read button">浏览文档<i class="right chevron icon"></i> </div>
						        </div>
				            </div>
				      	</div>
				    </div>
			  	</div>	    		
	    	</div>
	    </div>
		<div class="ui inverted vertical footer">
		    <div class="ui container">
		        <div class="ui grid">
		        	<div class="eight wide column">
		        		<ul class="footer-item">
		        			<li><a href="#">关于</a></li>
		        			<li><a href="#">博客</a></li>
		        			<li><a href="#">联系官方</a></li>
		        			<li><a href="#">定价</a></li>
		        			<li><a href="#">编辑器</a></li>
		        			<li><a href="#">更多</a></li>
		        		</ul>
			        </div>
			        <div class="eight wide column">
			        	<ul class="footer-item">
		        			<li><a href="#">© Friendcode Inc 2016</a></li>
		        			<li><a href="#" style="color: #00B5AD;">FLLOW@AccurateMedicine</a></li>
		        		</ul>
			        </div>
		        </div>
		    </div>
		</div>
	</div>
</div>
</body>
</html>